﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Sinkbreaker</title>
    <script src="Scripts/jquery-2.0.0.js"></script>
    <script src="Scripts/fabric.js"></script>
    <link href="Styles/fabricTESTS.css" rel="stylesheet" />
    <link href="Styles/style.css" rel="stylesheet" />
</head>

<body>
    <a href="index.html" class="button">Home</a>
    <div id="logo">
        <img src="Images/logo.png" /></div>
    <div id="wrapper">
        <div id="currPlayer">Nickname</div>

        <div id="maxPath">Max Path</div>
        <div id="currMove">0 / 0</div>


        <div id="inner-wrapper" class="clearfix">
            <div id="cover"></div>
            <canvas id="c" height="360"></canvas>
            <div id="overlaps"></div>
        </div>

        <div id="sink"></div>
        <div id="nerva"></div>

        <div id="chat-container">
            <input type="text" id="chat-input" />
            <input type="button" id="chat-btn" value="send" class="button" />

            <ul id="chat-messages">
                <li>Lorem ipsum dolor sit amet</li>
                <li>Tincidunt integer eu augue augue</li>
                <li>Placerat suscipit, orci nisl </li>
            </ul>
        </div>
    </div>

    <script src="Scripts/Custom/JSGraph.js"></script>
    <script src="Scripts/Custom/engine.js"></script>
    <audio src="Audio/click.wav" controls="controls" id="clickAudio" />
    <script>
        var canvas = new fabric.Canvas('c');
        var engine = new Engine(640, 360, 20, false);

        engine.startGame(engine.generateFigures(2));

        //engine.playerSet(new engine.Player(new fabric.Rect({
        //    width: 20,
        //    height: 20,
        //    fill: "orange"
        //})));

        //var player = engine.playerGet();
        //player.enterCanvas();

    </script>
</body>
</html>
